<template>
  <van-cell
    :title="title"
    :label="label"
  >
    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
    <template #right-icon>
      <van-icon @click="play" size="24" style="line-height: 46px" name="play-circle-o" />
    </template>
  </van-cell>
</template>

<script>
export default {
    props: ['id', 'title', 'label'],

    methods: {
        play () {
           
           // 跳转到播放页
           this.$router.push({
               name: 'play',
               query: {
                   id: this.id
               }
           })
        }
    }
};
</script>

<style>
</style>